@charset "utf-8";





@font-face {

  font-family: "webfont";

  font-display: swap;

  src: url('../fonts/webfont.eot'); /* IE9 */

  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('../fonts/webfont.woff2') format('woff2'),

  url('../fonts/webfont.woff') format('woff'), /* chrome、firefox */

  url('../fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url('../fonts/webfont.svg#webfont') format('svg'); /* iOS 4.1- */

}







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}

/* CSS Document */

body{margin:0;padding:0; font-size:12px; font-family:"webfont", "Microsoft Yahei", Arial,sans-serif; color:#21282e; background:#fff;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }

ul,li,ol{list-style:none;}



a{text-decoration:none; color:#21282e;}

a:hover{text-decoration:none; color:#0088a8; }

.clear{clear:both;}

.clearfix:after, .clearfix:before{ display: table; content: ""; line-height: 0;}

.clearfix:after{ clear:both;}

img{border:0;box-sizing: border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}



input,textarea{  font-family:"webfont";}

input:focus,textarea:focus{ outline:none;}



.fl{ float: left;}

.fr{ float: right;}

body.overflow, html.overflow { overflow-y: hidden }

html::-webkit-scrollbar { display:  none; }


/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-72 {padding-bottom: 72%;}
.rect-100 {padding-bottom: 100%;}


.container{

	width:100%; 

	max-width: 1300px; 

	height: auto; 

	margin: auto;

	position: relative;

    box-sizing: border-box; 

	-moz-box-sizing:border-box; /* Firefox */

	-webkit-box-sizing:border-box; /* Safari */

}



/* 导航 */

.header{ width: 100%; position: fixed; z-index: 999;  padding-top: 40px;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }

.header .logo{ display: inline-block; height: 60px; width: auto;margin: 10px 0;float: left;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.header .logo img{ height: 60px; -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.header .menu{position: absolute; right: 0; line-height: 90px; top: 0;}

.header .menu .icon{ float: left;justify-content: center;align-items: center;height: 90px;display: flex; margin-left: 15px; font-size: 16PX}

.header .menu .Language{ font-size: 16px; color: #333; float: left; margin: 0 15px;}

.header .menu .site_menu{width:32px;float:left;position:relative;cursor:pointer;height:18px; margin-left: 15px; margin-top: 35px;}

.header .site_menu span{display:block;background:#333;width:25px;height:2px;position:absolute;transition:all ease 0.5s}

.header .site_menu span:nth-of-type(1){top:0px; right: 0;}

.header .site_menu span:nth-of-type(2){top:8px;}

.header .site_menu span:nth-of-type(3){top:16px; right: 0;}

.header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.header .sp_nav_se span:nth-of-type(2){width:0}

.header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.header .nav{ width: 75%; float: left;}

.header .nav ul{margin-left: 5%;}

.header .nav .drop{display: inline-block;text-align: center;padding: 0 24px;  position:relative; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }

.header .nav .drop.on:after{border: 10px solid transparent; border-bottom: 10px solid #0088a8; width: 0; height: 0; position: absolute; content: ''; bottom: 0;left: 50%; margin-left: -5px;}

.header .nav .drop.on:first-child:after{ display: none;}

.header .nav .drop>a{ font-size: 16px; color: #333; line-height: 80px;display: block;font-weight: 600;}

.header .nav .drop .subnav{display: none;width: 530px; height: 360px; left: 50%; top: 80px; margin-left: -265px; position: absolute; background: #fff; }

.header .nav .drop .subnav:last-child{ right: 0;}

.header .nav .drop .subnav .subnavl{ width: 36%; float: left;  background: #f1f1f1;height: 100%;}

.header .nav .drop .subnav .subnavl ul{padding: 30px 20px;}

.header .nav .drop .subnav .subnavl li{ border-bottom: #e0e0e0 1px solid;}

.header .nav .drop .subnav .subnavl li a{ width: 100%;line-height: 45px; color: #242424; font-size: 14px; display: block;font-weight: normal;perspective: 300px;-webkit-perspective: 300px;}

.header .nav .drop .subnav .subnavl li a:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #33a7b1, #0088a8);background: -o-linear-gradient(-110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(-110deg, #33a7b1, #0088a8);background: linear-gradient(-110deg, #33a7b1, #0088a8);}

.header .nav .drop .subnav .subnavl li:hover a:before{opacity: 1; visibility: visible; transform: none; width: 100%;}

.header .nav .drop .subnav .subnavl li:hover a{ color: #fff;}

.header .nav .drop .subnav .subnavr{ width: 64%; float: right;}

.header .nav .drop .subnav .subnavr .navcover{ padding: 30px 20px;}

.header .nav .drop .subnav .subnavr .navcover .Img{ width: 100%; position: relative;}

.header .nav .drop .subnav .subnavr .navcover .Img img{ width: 100%;}

.header .nav .drop .subnav .subnavr .navcover .tit{ font-size: 18px;padding: 15px 0px 4px; text-align: left; font-weight: bold;}

.header .nav .drop .subnav .subnavr .navcover .sec{font-size: 13px; color: #5a5a5a; line-height: 26px; text-align: left; font-weight: normal;}

.header.scroll{background: #fff;box-shadow: 0 0 6px #ddd; padding-top: 0;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }

.header.scroll .nav .drop{padding: 0 20px;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.header.scroll .logo{ height: 50px; margin: 15px 0;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; } 

.header.scroll .logo img{ height: 50px;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }

.header.scroll .menu{ line-height: 80px; }

.header.scroll .menu .icon{ height: 80px }

.header.scroll .menu .site_menu{ margin-top: 30px; }







.sjj_nav{position:fixed;z-index:9;background:#fff;width:80%;height:70%;font-size:14px;line-height:40px;top:-140%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.5s;border-top: 1px #ddd solid; padding: 10%;}

.nav_show{top:0;}

.sjj_nav .t1 li{ width: 33.333%; float: left; text-align: center;}

.sjj_nav .t1 .t1Name{ font-size: 20px; font-weight: bold; color: #333;}

.sjj_nav .t1 .t2{ width: 100%;}

.sjj_nav .t1 .t2 li{ display:  inline-block; float: left;width: 100%; text-align: center;}

.sjj_nav .t1 .t2 li a{ font-size: 15px; color: #666;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.5s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

/*.sjj_nav ul li ul{display:none}*/

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}









 /* banner */

.banner{ width: 100%; position: relative; height: 100vh;}

.banner .swiper-container { width: 100%; height: 100%;}

.banner .swiper-slide {position:relative;  display: flex; align-items: center;justify-content: center;}

.banner .swiper-slide .txt{position:absolute;top:50%;z-index:10;}	

.banner .swiper-slide .txt1{ margin-top: -180px;left: 40%; margin-left: -90px;}

.banner .swiper-slide .txt2{ left: 50%; margin-top: -180px; margin-left: -400px;}

.banner .swiper-slide .txt2 dd{ font-size: 14px; color: #fff; line-height: 36px; text-align: center; }

.banner .swiper-slide .txt3{margin-top: -270px; left: 50%; margin-left: -90px;}

.banner .swiper-slide .txt4{margin-top: -120px; left: 180px;}	

.banner .swiper-slide>img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;}

.banner .swiper-slide-active>img,.banner .swiper-slide-duplicate-active>img{transition:16s linear;transform:scale(1.2,1.2);}	

.banner .swiper-pagination{bottom:30px !important;}	

.banner .swiper-pagination-bullet{width:30px;height:6px;opacity:1;background:#fff;border-radius:0;}	

.banner .swiper-pagination-bullet-active{background:#0088a8;}

.button-next{

    right: 10px;

    left: auto;

    width: 100px;

    height: 100px;

    background: #000;

    position: absolute;

    top: 50%;

}







/* InAbout */

.InAbout{ width: 100%; position: relative; padding: 80px 0;}

.InAbout .InAboutl{ width: 700px; position: relative; float: left;}

.InAbout .InAboutl .AboImg{ width: 100%;}

.InAbout .InAboutl .AboImg img{ width: 100%; display:  block;}

.InAbout .InAboutl .AboList{ width: 100%; position: relative; margin-top: 55px;display: flex;}

.InAbout .InAboutl .AboList a{ display: block; width: 25%; text-align: center;}

.InAbout .InAboutl .AboList a:hover .AboIco{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}

@keyframes beat {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }



    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }



    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }



    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }



    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }



    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }



    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }



    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}



.InAbout .InAboutl .AboList p{ font-size: 16px; color: #333; font-weight:  500; line-height: 50px;}

.InAbout .InAboutl .AboList a:hover p{color: #0088a8;}

.InAbout .InAboutr{ width: 530px; float: right; position: relative; }

.InAbout .InAboutr .AboTit{ font-size: 30px; color: #0088a8; font-weight: bold;}

.InAbout .InAboutr .AboCon{ font-size: 14px; color: #333; line-height: 30px;margin: 15px 0;}

.InAbout .InAboutr .AboMore{ width: 160px; height: 40px; background: #0088a8; text-align: center; line-height: 40px; font-size: 14px; color: #fff;display: block; position: relative;z-index: 0;}

.InAbout .InAboutr .AboMore:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%;  opacity: 0; visibility: hidden; transform: scale(0, 1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #33a7b1, #0088a8);background: -o-linear-gradient(-110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(-110deg, #33a7b1, #0088a8);background: linear-gradient(-110deg, #33a7b1, #0088a8);}

.InAbout .InAboutr .AboMore:hover:before{opacity: 1; visibility: visible; transform: none; }

.InAbout .InAboutr .videolist {width: 445px; height: 300px; background: url(../images/video_bg.jpg) center center no-repeat; margin-top: 35px; position: relative;}

.InAbout .InAboutr .videolist::before{ content: ''; position: absolute;background: url(../images/AboKbg.png) center no-repeat; width: 520px; height: 330px;bottom: -50px; right: -80px; z-index: -1;}

.InAbout .InAboutr .videolist:hover{ cursor: pointer; }

.InAbout .InAboutr .videoed {width: 34px; height: 34px; position: absolute; top:50%; left: 50%; margin-left: -17px; margin-top: -17px; z-index:99; border-radius:100%;display: block !important; }

.InAbout .InAboutr .videos{ display:none; position:fixed; left:0; top:0;    z-index:999; width:60%; height:100vh; background: rgba(0, 0, 0, .7); padding:8% 20%; }

.InAbout .InAboutr .videosList{ position: relative;}

.InAbout .InAboutr .vclose{ position:absolute;right:-4%; top:1%; border-radius:100%; cursor: pointer; }



/* InProduct */

.InProduct{width: 100%; position: relative; padding: 80px 0; background: #f4f9fd;}

.InProduct .ProductTop{position: relative;}

.InProduct .ProductTop .ProCn{ font-size: 30px; color: #0088a8; font-weight:  bold;}

.InProduct .ProductTop .ProEn{font-size: 20px; color: #666;}

.InProduct .ProBox{ width: 100%; position: relative; margin-top: 40px;}

.InProduct .ProBox .hd{position: absolute; right: 0;top: -75px;}

.InProduct .ProBox .hd li{ display: inline-block;}

.InProduct .ProBox .hd li a{ font-size: 16px; color: #333; margin: 0 20px;}

.InProduct .ProBox .hd li a:hover{color: #0088a8;}

.InProduct .ProBox .hd li:last-child a{ margin-right: 0;}

.InProduct .ProBox .bd{ width: 100%; position: relative;}

.InProduct .ProBox .bd li{ margin-right: 2%; width: 23.5%;  float: left; position: relative;}

.InProduct .ProBox .bd li:nth-child(4n){margin-right: 0;}

.InProduct .ProBox .bd li .Img{position:relative ; overflow: hidden; width: 100%;}

.InProduct .ProBox .bd li .Img img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}

.InProduct .ProBox .bd li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.InProduct .ProBox .bd li .empty{ height: 136px;}

.InProduct .ProBox .bd li .ProTit{ width: 100%; background: #fff; position:absolute; bottom: 0; left: 0;}

.InProduct .ProBox .bd li .ProTit .Text_box{ padding: 20px 15px; height: 96px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: #fff;}

.InProduct .ProBox .bd li .ProTit p{ font-size: 20px; color: #333;}

.InProduct .ProBox .bd li .ProTit span{font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 5px 0;}

.InProduct .ProBox .bd li .ProTit b{font-size: 14px; color: #666; font-weight: normal; display: none;}

.InProduct .ProBox .bd li:hover .ProTit .Text_box{background: -webkit-linear-gradient(110deg, #33a7b1, #0088a8);background: -o-linear-gradient(110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(110deg, #33a7b1, #0088a8);background: linear-gradient(110deg, #33a7b1, #0088a8); height: 116px;padding: 30px 15px;}

.InProduct .ProBox .bd li:hover .ProTit p{color: #fff;}

.InProduct .ProBox .bd li:hover .ProTit span{color: #fff;}

.InProduct .ProBox .bd li:hover .ProTit b{ display: block; color: #fff;}





/* InNews */

.InNews{width: 100%; position: relative; padding: 80px 0; }

.InNews .NewsTop{position: relative;}

.InNews .NewsTop .NewsCn{ font-size: 30px; color: #0088a8; font-weight:  bold;}

.InNews .NewsTop .NewsEn{font-size: 20px; color: #666;}

.InNews .NewsTop .NewsM{ position: absolute; right: 0; font-size: 16px; color: #333; top:20px;}

.InNews .NewsBox{ width: 100%; position: relative; margin-top: 40px;}

.InNews .NewsBox li{ margin-right: 2%; width: 32%;  float: left; position: relative;}

.InNews .NewsBox li:nth-child(3n){margin-right: 0;}

.InNews .NewsBox li .Img{position:relative ; overflow: hidden; width: 100%;}

.InNews .NewsBox li .Img img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}

.InNews .NewsBox li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.InNews .NewsBox li .NewsTit{ width: 100%; background: #f4f9fd; position: relative; perspective: 300px; -webkit-perspective: 300px;}

.InNews .NewsBox li .NewsTit:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%;  opacity: 0; visibility: hidden; transform: scale(0, 1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #33a7b1, #0088a8);background: -o-linear-gradient(-110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(-110deg, #33a7b1, #0088a8);background: linear-gradient(-110deg, #33a7b1, #0088a8);}

.InNews .NewsBox li .NewsTit .Text_box{ padding: 25px 15px;}

.InNews .NewsBox li .NewsTit p{ font-size: 18px; color: #333;font-weight: 600; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.InNews .NewsBox li .NewsTit span{font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 10px 0;}

.InNews .NewsBox li .NewsTit b{font-size: 14px; color: #666; font-weight: normal;}

.InNews .NewsBox li .NewsTit .NewsLogo{ position: absolute; bottom: 20px; right: 15px; display: none;}

.InNews .NewsBox li:hover{ box-shadow: 0 0 8px #ccc;}

.InNews .NewsBox li:hover .NewsTit:before{opacity: 1; visibility: visible; transform: none; }

.InNews .NewsBox li:hover .NewsTit p,.InNews .NewsBox li:hover .NewsTit span,.InNews .NewsBox li:hover .NewsTit b{ color: #fff;}

.InNews .NewsBox li:hover .NewsTit .NewsLogo{ display: block;}



/* InContact */

.InContact{width: 100%; position: relative; padding: 80px 0; background: url(../images/InContactbg.jpg); }

.InContact .ContLeft{ float: left; width: 550px;}

.InContact .ContLeft .ContCn{font-size: 30px; color: #333; font-weight: 600;}

.InContact .ContLeft .ContEn{font-size: 20px; color: #666;}

.InContact .ContLeft .ContLx{ margin-top: 25px; position: relative;}

.InContact .ContLeft .ContLx p{ line-height: 30px; font-size: 16px; color: #666;}

.InContact .ContLeft .ContLx p span{ font-size: 22px; color: #000; font-weight: 600;}

.InContact .ContLeft .Software{ width: 100%; margin-top: 30px;}

.InContact .ContLeft .Software dd{ font-size: 16px; color: #000; line-height: 45px; float: left;}

.InContact .ContLeft .Software .SoftTc{ float: left;}

.InContact .ContLeft .Software .SoftTc li{ display: inline-block; margin: 0 15px; position: relative;cursor: pointer;}

.InContact .ContLeft .Software .SoftTc li .summary{ margin-left: -76px; position: absolute;left: 50%; top: -140px;width: 150px;height: 150px;border: 1px solid #eee; z-index: 99999;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; opacity: 0;}

.InContact .ContLeft .Software .SoftTc li .summary:before{content: ''; position: absolute; left: 50%; margin-left: -10px;   border: 10px solid transparent; border-top: 10px solid #eee; bottom: -20px;}

.InContact .ContLeft .Software .SoftTc li .summary img{ width: 100%;}

.InContact .ContLeft .Software .SoftTc li:hover .summary{opacity: 1; top:-165px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}





.InContact .ContRight{ float: right; margin-top: 30px;}

.InContact .ContRight dd{ display: inline-block; margin-left: 30px;}

.InContact .ContRight dd img{ border: 2px #eee solid;}

.InContact .ContRight dd p{ font-size: 14px; color: #666; line-height: 40px; text-align: center;}



/* footer */

.footer{width: 100%; position: relative; background: #f4f9fd; border-top: 4px #0088a8 solid;}

.footer .footTop{ padding: 50px 0; width: 100%;}

.footer .footTop .footLogo{ float: left; width: 295px; margin-top: 20px;}

.footer .footTop .fmeun{ margin-top: 20px;}

.footer .footTop .fmeun a{ font-size: 14px; color: #666; padding: 0 15px; position: relative;}

.footer .footTop .fmeun a:before{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 14px; background: #999;}

.footer .footTop .fmeun a:last-child:before{display:  none;}

.footer .footTop .footNav{ float: right; width: 850px;}

.footer .footTop .footNav dl{padding: 0 40px;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;  float: left; position: relative;}

.footer .footTop .footNav dl:before{content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #999;}

.footer .footTop .footNav dl:last-child:before{display:  none;}

.footer .footTop .footNav dl:first-child{ padding-left: 0;}

.footer .footTop .footNav dl:last-child{ padding-right: 0;}

.footer .footTop .footNav dl dt{font-size: 16px; color: #333; }

.footer .footTop .footNav dl dd{ margin-top: 10px;}

.footer .footTop .footNav dl dd a{ display: block; font-size: 14px; color: #999; line-height: 28px;}

.footer .footTop .footNav dl dd a:hover{ color: #0088a8;}

.footer .copy{ width: 100%; border-top: 1px #dbe0e3 solid; background: #f4f9fd;}

.footer .copy .copyl{ float: left; line-height: 60px; color: #666; font-size: 14px;}

.footer .copy .copyr{ float: right;}

.footer .copy .copyr a{color: #000; font-size: 16px; font-weight: 600; position: relative;line-height: 60px;padding-left: 40px;}

.footer .copy .copyr a:before{content: ''; position: absolute; width: 26px; height: 26px; left: 0; top:-6px;  background: url(../images/fwm.png) center no-repeat;}



/* page_banner */

.bannerbox {width:100%; position:relative; overflow:hidden; height:450px; }

.page_banner{ width:1920px; /*图片宽度*/ position:absolute; left:50%; margin-left:-960px; /*图片宽度的一半*/}

.bannerbox .posi{ position: absolute; bottom: 0; left: 0; width: 100%; height: 220px; color: #fff; z-index: 2; }

.bannerbox .posi .tit{ font-size: 32px;font-weight: bold; }

.bannerbox .posi .info{ font-size: 28px; font-weight: bold; margin-top: 15px; }

.bannerbox .posi .mouse{ width: 31px; height: 50px; background: url("../images/mouse.png"); cursor:pointer; float: right; }

.bannerbox .posi .mouse .ball { position: relative; width: 6px; height: 6px; left: 6%; margin-left: 11px; top: 10px; display: block; background: url("../images/mouse2.png"); -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; transition: 300ms; -webkit-transition: 300ms; }

@keyframes mouse-dot {

    from {

        opacity: 0;

    }



    33% {

        opacity: 1;

    }



    to {

        top: 35px;

        opacity: 0;

    }

}



/* */

.PageMain{ width: 100%; position: relative;}



/* PageAbout */

.PageAbout{ position: relative; width: 100%; padding: 60px 0;}

.PageAbout .infor{ padding: 0 8%; text-align: center;}

.PageAbout .infor .Tit{ font-size: 32px; line-height: 48px; color: #0088a8; font-weight: 600;}

.PageAbout .infor .Con{ font-size: 16px; line-height: 32px; color: #666; margin: 30px 0 50px;}

.PageAbout .infor .Number{ width: 100%; position: relative;}

.PageAbout .infor .Number .Nuncon{width: 23%; margin: 0 1%; text-align: center;  float: left;}

.PageAbout .infor .Number .Nuncon .Num .num1{ font-size: 36px; color: #0088a8;  display: inline-block;vertical-align: unset;    font-weight: 600;}

.PageAbout .infor .Number .Nuncon .Num span{font-size: 18px; color: #666;}

.PageAbout .infor .Number .Nuncon .Txt{ font-size: 20px; color: #666;}

.PageComplex{ position: relative; width: 100%; padding: 60px 0; background: #f6f6f6;}

.PageComplex .Pagecont{ width: 100%; position: relative; background: #0088a8;color: #fff;}

.PageComplex .Pagecont .img{ width: 60%; position: relative; float: left; overflow: hidden;}

.PageComplex .Pagecont .img img{width: 100%;height: auto;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.PageComplex .Pagecont:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.PageComplex .Pagecont .company{ width: 34%; background: #0088a8; padding: 0 3%; float: right; position: relative;}

.PageComplex .Pagecont .company .title{font-size: 26px;font-weight: bold;margin-top: 35px; }

.PageComplex .Pagecont .company .sum{ font-size: 14px; line-height: 28px;margin-top: 10px;}

.PageComplex .Pagecont .company .jt_btn{ width: 39px; height: 37px; background-image: url(../images/jt_btn.png);background-repeat: no-repeat; display: inline-block; margin-top: 40px;}

.PageComplex .Pagecont .company .jt_btn:hover{background-position:-43px -80px;}

.PageComplex .Pagecont .company .jt_ico{display: block;border-style: solid;border-width: 15px;border-color: transparent transparent transparent #fff;

 position: absolute;top: 50%;margin-top: -15px;right: -30px;width: 0;height: 0;border-left-color: transparent; border-right-color: #0088a8;left: -30px;}

.PageComplex .Aboplex{ width: 100%; position: relative; padding: 30px 0;}

.PageComplex .Aboplex .AboValues{ position: relative; background: #fff;color: #666; width: 64%; float: left; height: 380px;}

.PageComplex .Aboplex .AboValues .img{ width:53%; position: relative; float: left;display: flex; height: 380px; overflow: hidden;}

.PageComplex .Aboplex .AboValues .img img{width: 100%;height: auto;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.PageComplex .Aboplex .AboValues:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.PageComplex .Aboplex .AboValues .Values{ float: left;width: 39%;padding: 0 4%;position: relative;height: 100%;}

.PageComplex .Aboplex .AboValues .Values .title{font-size: 26px;font-weight: bold;margin-top: 35px; }

.PageComplex .Aboplex .AboValues .Values .sum{ font-size: 14px; line-height: 28px;margin-top: 10px;}

.PageComplex .Aboplex .AboValues .Values .jt_btn{ width: 39px; height: 37px; background-image: url(../images/jt_btn.png);background-repeat: no-repeat; display: inline-block; margin-top: 40px;}

.PageComplex .Aboplex .AboValues .Values .jt_btn:hover{background-position:0px -40px;}

.PageComplex .Aboplex .AboValues .Values .jt_ico{display: block;border-style: solid;border-width: 15px;border-color: transparent transparent transparent #fff;position: absolute;top: 50%;margin-top: -15px;right: -30px;width: 0;height: 0;z-index: 22;}

.PageComplex .Aboplex .Organization{width: 34%;float: right;height: 380px;overflow: hidden;position: relative;}

.PageComplex .Aboplex .Organization .img{width:100%; position: relative; float: left;display: flex; height: 380px; overflow: hidden;}

.PageComplex .Aboplex .Organization .img img{ width: 100%; height: auto; display: block;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.PageComplex .Aboplex .Organization:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.PageComplex .Aboplex .Organization .cover{width: 100%; background:rgba(0, 136, 168, .8); position: absolute;left: 0px;bottom: 0px;}

.PageComplex .Aboplex .Organization .cover .box{padding: 20px 5%;}

.PageComplex .Aboplex .Organization .cover .title{font-size:26px; font-weight:bold; margin-bottom:5px; color: #fff;}

.PageComplex .Aboplex .Organization .cover .sum{margin-top:10px; font-size:14px;color: #fff;}

.PageComplex .Aboplex .Organization .cover .ab_jt{display:block; width:20px; height:30px; background:url(../images/ab_jt.png) no-repeat 0 0; position:absolute; top:50%; margin-top:-15px; right:4%;}



.AboutCentet{ width: 100%; position: relative;}

.AboutCentet .Event{width: 32%;float: left;height: 380px;overflow: hidden;position: relative;}

.AboutCentet .Event .img{width:100%; position: relative; float: left;display: flex; height: 380px; overflow: hidden;}

.AboutCentet .Event .img img{ width: 100%; height: auto; display: block;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.AboutCentet .Event:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.AboutCentet .Event .cover{width: 100%; background:rgba(0, 136, 168, .8); position: absolute;left: 0px;bottom: 0px;}

.AboutCentet .Event .cover .box{padding: 20px 5%;}

.AboutCentet .Event .cover .title{font-size:26px; font-weight:bold; margin-bottom:5px; color: #fff;}

.AboutCentet .Event .cover .sum{margin-top:10px; font-size:14px;color: #fff;}

.AboutCentet .Event .cover .ab_jt{display:block; width:20px; height:30px; background:url(../images/ab_jt.png) no-repeat 0 0; position:absolute; top:50%; margin-top:-15px; right:4%;}

.AboutCentet .Honor{ float: left;width: 32%;padding: 0;position: relative;height: 100%; color: #666; margin: 0 2%;}

.AboutCentet .Honor .img{width:100%; position: relative; float: left;display: flex; height: 380px; overflow: hidden;}

.AboutCentet .Honor .img img{ width: 100%; height: auto; display: block;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.AboutCentet .Honor:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.AboutCentet .Honor .cover{position: absolute;width: 100%;top: 0;}

.AboutCentet .Honor .cover .box{ padding: 0 8%;}

.AboutCentet .Honor .cover .title{font-size: 26px;font-weight: bold;margin-top: 35px; }

.AboutCentet .Honor .cover .sum{ font-size: 14px; line-height: 28px;margin-top: 10px;}

.AboutCentet .Honor .cover .jt_btn{ width: 39px; height: 37px; background-image: url(../images/jt_btn.png);background-repeat: no-repeat; display: inline-block; margin-top: 40px;}

.AboutCentet .Honor .cover .jt_btn:hover{background-position:0px -40px;}

.AboutCentet .corvideo{width: 32%;float: right;height: 380px;overflow: hidden;position: relative;}

.AboutCentet .corvideo .img{width:100%; position: relative; float: left;display: flex; height: 380px; overflow: hidden;}

.AboutCentet .corvideo .img img{ width: 100%; height: auto; display: block;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.AboutCentet .corvideo:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.AboutCentet .corvideo .cover{width: 100%; background:rgba(0, 136, 168, .8); position: absolute;left: 0px;bottom: 0px;}

.AboutCentet .corvideo .cover .box{padding: 20px 5%;}

.AboutCentet .corvideo .cover .title{font-size:26px; font-weight:bold; margin-bottom:5px; color: #fff;}

.AboutCentet .corvideo .cover .sum{margin-top:10px; font-size:14px;color: #fff;}

.AboutCentet .corvideo .cover .ab_jt{display:block; width:20px; height:30px; background:url(../images/ab_jt.png) no-repeat 0 0; position:absolute; top:50%; margin-top:-15px; right:4%;}







.Mainpadding{ width: 100%; position: relative; border-bottom: 1px #eee solid;}

.Mainpadding .NavList{ width: 75%; float: left; }

.Mainpadding .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}

.Mainpadding .NavList li a{position: relative;font-size: 15px;height: 65px;line-height: 65px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}

.Mainpadding .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #0088a8;transition: all .3s;}

.Mainpadding .NavList li:hover:before{width:80%;left:10%;background-color:#0088a8;}

.Mainpadding .NavList li:hover a{ color: #0088a8;font-weight: 600; }

.Mainpadding .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#0088a8;}

.Mainpadding .NavList li.select a{ font-weight: 600; color: #0088a8 }

.Mainpadding .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}

.Mainpadding .Crumbs{ width: 35%;text-align: right; position: absolute; right: 0;}

.Mainpadding .Crumbs .crumbs{ line-height: 65px; height: 65px;font-size: 14px; }

.Mainpadding .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}





.PageCon{ padding: 60px 0; position: relative; width: 100%;}

.channel{background: #f9f9f9;} 

.companyEN{font-size: 30px; text-transform: uppercase; color:#0088a8;}

.companyZH{line-height: 1.2; margin-bottom: 35px; font-size:24px; color:#0088a8;}

.PageCon .pageCon{max-width: 100%; line-height: 28px; color: #666; font-size: 15px;}





/*  大事件 */

.PageEvent { position: relative;}

.PageEvent .swiper-slide {background-size: cover;background-position: center;}

.PageEvent .gallery-thumbs {position: relative;}

.PageEvent .gallery-thumbs .swiper-slide { text-align: center; background: #eee; line-height: 60px;font-size: 20px; cursor: pointer;}

.PageEvent .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; background: #0088a8; color: #fff;}

.PageEvent .gallery-top { padding: 40px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); margin-top: 30px;}

.PageEvent .gallery-top .swiper-slide{ font-size: 15px; color: #333; line-height: 2; height: 500px; overflow-y: auto;}

.PageEvent .gallery-top .swiper-slide::-webkit-scrollbar { width: 8px; position:absolute; right:0; top:0;}

.PageEvent .gallery-top .swiper-slide::-webkit-scrollbar-track { background-color:#f1f1f1; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }

.PageEvent .gallery-top .swiper-slide::-webkit-scrollbar-thumb { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; width:8px;

background: -webkit-linear-gradient(bottom, #33a7b1, #0088a8);background: -o-linear-gradient(bottom, #33a7b1, #0088a8);background: -moz-linear-gradient(bottom,  #33a7b1, #0088a8);background: linear-gradient(bottom, #33a7b1, #0088a8);}

.PageEvent .swiper-button-next{ position: absolute; top:8px; left: 0; background:  rgba(0, 0, 0, .8) url(../images/Eventnext.png) center no-repeat; width: 26px; height: 40px;  z-index: 999; cursor: pointer;}

.PageEvent .swiper-button-prev{ position: absolute; top:8px; right: 0; background: rgba(0, 0, 0, .8) url(../images/Eventprev.png) center no-repeat; width: 26px; height: 40px; z-index: 999; cursor: pointer;}

.PageEvent .swiper-button-next:hover{ background: #0088a8 url(../images/Eventnext.png) center no-repeat;}

.PageEvent .swiper-button-prev:hover{ background: #0088a8 url(../images/Eventprev.png) center no-repeat; }







/* 荣誉 */

.file4_pic{ position:relative; overflow:}

.file4_pic ul{overflow: hidden;}

.file4_pic li{ width: 22.75%; margin-right:3%; margin-bottom: 20px; float: left; position: relative; cursor:pointer;}

.file4_pic li a{ display: block; border: 3px #f9f9f9 solid; }

.file4_pic li:nth-child(4n){ margin-right: 0;}

.file4_pic li img{ width:100%;max-height: 350px;top:0px; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.file4_pic li p{width:100%; position: relative; line-height:50px; text-align:center; font-size:15px; background:s #fff; perspective: 300px; -webkit-perspective: 300px;}

.file4_pic li p:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #33a7b1, #0088a8);background: -o-linear-gradient(-110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(-110deg, #33a7b1, #0088a8);background: linear-gradient(-110deg, #33a7b1, #0088a8);}

.file4_pic li:hover p:before{opacity: 1; visibility: visible; transform: none; width: 100%;}

.file4_pic li:hover p{ color: #fff;}



/* 视频 */

.Pagevideo{ width: 100%; position: relative;}

.Pagevideo li{ float:left; width: 32%;margin-right: 2%;margin-bottom: 25px;cursor: pointer;position: relative;}

.Pagevideo li:nth-child(3n){ margin-right: 0;}

.Pagevideo li .img{ width:100%;position:relative ; overflow: hidden;}

.Pagevideo li .img img{width:100%; position: relative;;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.Pagevideo li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}

.Pagevideo li p{ width:100%; height:60px;position: relative; line-height:60px; text-align:center; font-size:17px; background: #f1f1f1; perspective: 300px; -webkit-perspective: 300px; font-weight: bold;}

.Pagevideo li:hover p{ color: #fff; }
.Pagevideo li p:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #33a7b1, #0088a8);background: -o-linear-gradient(-110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(-110deg, #33a7b1, #0088a8);background: linear-gradient(-110deg, #33a7b1, #0088a8);}

.Pagevideo li:hover p:before{opacity: 1; visibility: visible; transform: none; width: 100%;}

.Pagevideo li .videoBox{ position: relative;}

.Pagevideo li .videoed {width: 34px; height: 34px; position: absolute; top:50%; left: 50%; margin-left: -17px; margin-top: -17px; z-index:99; border-radius:100%;display: block !important; }
.Pagevideo li .videolist{ position: relative;}

.Pagevideo li .videolist:hover{ cursor: pointer; }

.Pagevideo .videos{ display:none; position:fixed; left:0; top:0;    z-index:999; width:60%; height:100vh; background: rgba(0,0,0, 0.7); padding:8% 20%; }

.Pagevideo .vclose{ position:absolute;right:-4%; top:1%; border-radius:100%; cursor: pointer; }
.Pagevideo .videosList { position: relative;}



.videoBox .vcover{width:100%; position:absolute; left:0; bottom:0; height:49px; background: rgba(0, 0, 0, .6);}

.videoBox .vcover .box{padding:14px 15px 15px; line-height:20px; height:20px;}

.videoBox .vcover .box span{display:inline-block; vertical-align:middle; font-size:16px; color:#fff; margin-right:10px; line-height:20px; height:20px; overflow:hidden; position:relative; font-weight: bold;}

.videoBox .vcover .box span.icon01{padding-left:25px;}

.videoBox .vcover .box span.icon02{padding-left:30px;}

.videoBox .vcover .box span.icon01 i{display:inline-block; width:16px; height:18px; background:url(../images/video_list01_icon1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-9px;}

.videoBox .vcover .box span.icon02 i{display:inline-block; width:22px; height:14px; background:url(../images/video_list01_icon2.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px;}

.videoBox .vcover .box .play{position:absolute; right:0; bottom:0; width:55px; height:49px; background:url(../images/video_list01_2.jpg) no-repeat center;}

.videoBox .theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }

.videoBox .popover_video{ width:1000px; height:500px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-15% 0 0 -500px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}

.videoBox .popover_video dl{font-size:14px; line-height:40px;}

.videoBox .popover_video dl a{ position:absolute; right:10px; top:10px; width: 24px; height:24px; background:url(../images/cha.png)center center no-repeat;}













.padding-page{ padding: 60px 0px; margin: 0px auto;}

.companyp-con{float: left; display: block; width: 49%;}

.companyp-con .c{margin: 0px 0px 50px; font-size: 14px; color: #666; line-height:24px;}

.button--aylen {overflow: hidden;-webkit-transition: color 0.3s;transition: color 0.3s; display: block; position: relative; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 2px solid #205bab; cursor: pointer;}

.button--aylen .i3{ position: relative; z-index: 3; font-style: initial; color: #00823c; display: block;}

.button--aylen .i1,.button--aylen .i2 {position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: 1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}

.button--aylen .i1 {background: #01ad51;}

.button--aylen .i2 {background: #00823c;}

.button-all{border: 1px solid #dad8d8;background-color: #fff;}

.button-all .i3{ color: #666;}

.button--aylen:hover .i3{color: #fff;}

.button--aylen:hover .i1,.button--aylen:hover .i2{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.button--aylen:hover .i2{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

.companyp-img{float: right; display: block; width: 46%; background-color: #000; overflow: hidden;}

.companyp-img .an-img{ width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.companyp-img .an-img:hover{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0.8; filter:alpha(opacity=80);}



.fixedImg{  background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.ideaPbox{ padding: 5% 0px 5%;}

.ideaPbox a:link, .ideaPbox a:visited { color: #666; }

.ideaPbox a:active, .ideaPbox a:hover { color: #205bab; }

.ideaEn,.ideaZh{ font-size: 18px; color: #4d4d4d; line-height: 1.4;}

.ideaEn{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; margin-top: 5px;}

.ideaPlist{ margin-left: -2%; color: #666;}

.ideaPlist dd{ float: left; display: block;  width: 18%; margin-left: 2%; background-color: #fff;}

.ideaPlist a{ position: relative; display: block;}

.ideaPlist .img{ height: 140px; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.ideaPlist .con{ padding-top: 30px; height: 70px; text-align: center;}

.ideaPlist .zh{ font-size: 18px; display: block;}

.ideaPlist .en{ color: #999999; font: 14px/1.4 "微软雅黑"; text-transform: uppercase;}

.ideaPlist .bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #00823c; color: #fff; text-align: center; opacity: 0; visibility: hidden; }

.ideaPlist .bg .en{ color: #fff;}

.ideaPlist .con2{ padding: 40px 0px 18px; transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; -webkit-transform:all 0.3s ease 0s;}

.ideaPlist .bg .line{ margin: 0px auto; display: block; height: 0px; width: 2px; background-color: #fff; margin-bottom: 17px;}

.ideaPlist .bg .ii1{  background:  url(../images/id_i1.png) no-repeat scroll center center;}

.ideaPlist .bg .ii2{  background:  url(../images/id_i2.png) no-repeat scroll center center;}

.ideaPlist .bg .ii3{  background:  url(../images/id_i3.png) no-repeat scroll center center;}

.ideaPlist .bg .ii4{  background:  url(../images/id_i4.png) no-repeat scroll center center;}

.ideaPlist .bg .ii5{  background:  url(../images/id_i5.png) no-repeat scroll center center;}

.ideaPlist .bg .iico{ width: 60px; height: 60px; display: block; margin: 0px auto 20px; transform: scale(0); -webkit-transform: scale(0); visibility: hidden;}

.ideaPlist a:hover .bg{ opacity: 1; visibility: visible;}

.ideaPlist a:hover .con2{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px);}

.ideaPlist a:hover .line{ height: 24px; transition: all 0.3s ease 0.2s; -webkit-transform:all 0.3s ease 0.2s;}

.ideaPlist a:hover .iico{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible;  transition: all 0.3s ease 0.5s; -webkit-transform:all 0.3s ease 0.5s;}





/* CompNews */

.CompNews{ position: relative; padding: 60px 0;}

.CompNews .Newstit{ position: relative;}

.CompNews .Newstit .tit{ float: left; font-size: 30px;font-weight: 600;}

.CompNews .Newstit .news_more{ float: right;font-size: 14px; color: #595757;}

.CompNews .Newstit .news_more span{ display: inline-block; vertical-align: middle;margin-right: 6px;}

.CompNews .Newstit .news_more .more_ico{display: inline-block; width: 14px;height: 14px; background:#0088a8; vertical-align: middle; color: #fff; text-align: center; line-height: 14px; font-style:normal;}

.Newscom{ position: relative; margin-top: 30px;}

.Newscom .media_left{ width: 54%; float: left;}

.Newscom .media_left li{margin-bottom: 15px;}

.Newscom .media_left li:last-child{margin-bottom: 0;}

.Newscom .media_left li a{display: block;padding: 10px 30px 8px;background: #ededed; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.Newscom .media_left li .date{width: 17.9%;text-align: right;padding-right: 2.7%;color: #808080;font-family: Arial;position: relative;}

.Newscom .media_left li .date .y{font-size: 15px;line-height: 1.2;}

.Newscom .media_left li .date .d{font-size: 36px;line-height: 1;}

.Newscom .media_left li .intro{width: 73%;color: #333;padding-left: 3.3%;position: relative;}

.Newscom .media_left li .intro:after{content:'';width: 1px;height: 47px;background: #bebebe;position: absolute;left: 0;top: 50%;margin-top: -23px;}

.Newscom .media_left li .intro .t{line-height:52px;font-size: 17px;}

.Newscom .media_left li .intro .c{display:none;}

.Newscom .media_left li.on a{padding: 22px 30px 18px; }

.Newscom .media_left li.on .intro .t{line-height: 1.6;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.Newscom .media_left li.on .intro:after{height: 96px;margin-top: -48px;}

.Newscom .media_left li.on .intro .c{font-size: 14px;color: #808080;line-height: 23px;height: 69px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.Newscom .media_left li.on .date{color:#0088a8;width: 19%;padding-top: 15px;}

.Newscom .media_left li.on .date .d{font-size: 40px;}

.Newscom .media_left li.on .date .y{font-size: 16px;}

.Newscom .media_left li:hover a{background: #0088a8}

.Newscom .media_left li.on:hover .date{color:#fff;}

.Newscom .media_left li.on:hover .intro .t{ color: #fff;}

.Newscom .media_left li.on:hover .intro .c{ color: #fff;}

.Newscom .media_right{ width: 44%; position: relative; height: 315px; float: right;}

.Newscom .media_right .add{position: absolute;left: 0;bottom: 0;background: rgba(3,136,168,0.8);background: #0088a8\9\0;width: 100%;}

.Newscom .media_right .add_box{padding: 16px 26px 16px 32px;}

.Newscom .media_right .add .txt{font-size: 17px;color: #fff;width: 70%;text-overflow: ellipsis;display: -webkit-box;overflow: hidden;

	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.Newscom .media_right .add .time{font-size: 16px;color: #fff;}

.Newscom .media_right .imgpic{  display: flex; overflow: hidden;}

.Newscom .media_right .imgpic img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.Newscom .media_right:hover .imgpic img{transform: scaleX(1.1) scaleY(1.1);}



/* IndustryNews */

.IndustryNews{ position: relative; padding: 60px 0; background: #f9f9f9;}

.IndustryNews .Newstit{ position: relative;}

.IndustryNews .Newstit .tit{ float: left; font-size: 30px;font-weight: 600;}

.IndustryNews .Newstit .news_more{ float: right;font-size: 14px; color: #595757;}

.IndustryNews .Newstit .news_more span{ display: inline-block; vertical-align: middle;margin-right: 6px;}

.IndustryNews .Newstit .news_more .more_ico{display: inline-block; width: 14px;height: 14px; background:#0088a8; vertical-align: middle; color: #fff; text-align: center; line-height: 14px; font-style:normal;}

.IndustryNews .Newsindustry{ position: relative; margin-top: 40px;}

.IndustryNews .Newsindustry li{ margin-right: 2%; width: 32%;  float: left; position: relative;}

.IndustryNews .Newsindustry li:nth-child(3n){margin-right: 0;}

.IndustryNews .Newsindustry li .Img{position:relative ; overflow: hidden; width: 100%;}

.IndustryNews .Newsindustry li .Img img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.IndustryNews .Newsindustry li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.IndustryNews .Newsindustry li .NewsTit{ width: 100%; background: #fff; position: relative; perspective: 300px; -webkit-perspective: 300px;}

.IndustryNews .Newsindustry li .NewsTit:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #33a7b1, #0088a8);background: -o-linear-gradient(-110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(-110deg, #33a7b1, #0088a8);background: linear-gradient(-110deg, #33a7b1, #0088a8);}

.IndustryNews .Newsindustry li .NewsTit .Text_box{ padding: 25px 15px;}

.IndustryNews .Newsindustry li .NewsTit p{ font-size: 18px; color: #333;font-weight: 600; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.IndustryNews .Newsindustry li .NewsTit span{font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 10px 0;}

.IndustryNews .Newsindustry li .NewsTit b{font-size: 14px; color: #666; font-weight: normal;}

.IndustryNews .Newsindustry li .NewsTit .NewsLogo{ position: absolute; bottom: 20px; right: 15px; display: none;}

.IndustryNews .Newsindustry li:hover{ box-shadow: 0 0 8px #ccc;}

.IndustryNews .Newsindustry li:hover .NewsTit:before{opacity: 1; visibility: visible; transform: none; width: 100%; }

.IndustryNews .Newsindustry li:hover .NewsTit p,.IndustryNews .Newsindustry li:hover .NewsTit span,.IndustryNews .Newsindustry li:hover .NewsTit b{ color: #fff;}

.IndustryNews .Newsindustry li:hover .NewsTit .NewsLogo{ display: block;}



/* NoticeNews */

.NoticeNews{ position: relative; padding: 60px 0;}

.NoticeNews .Newstit{ position: relative;}

.NoticeNews .Newstit .tit{ float: left; font-size: 30px;font-weight: 600;}

.NoticeNews .Newstit .news_more{ float: right;font-size: 14px; color: #595757;}

.NoticeNews .Newstit .news_more span{ display: inline-block; vertical-align: middle;margin-right: 6px;}

.NoticeNews .Newstit .news_more .more_ico{display: inline-block; width: 14px;height: 14px; background:#0088a8; vertical-align: middle; color: #fff; text-align: center; line-height: 14px; font-style:normal;}

.NoticeNews .NewsNotice{ position: relative; margin-top: 40px;}

.NoticeNews .NewsNotice>ul>li{width: 31.75%;margin-right: 2.37%;float: left;cursor: pointer; height: 360px;}

.NoticeNews .NewsNotice>ul>li .Img{ width: 100%; display: flex; height: 360px; position: relative; overflow: hidden;}

.NoticeNews .NewsNotice>ul>li .Img img{ width: 100%; display: block;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.NoticeNews .NewsNotice>ul>li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.NoticeNews .NewsNotice>ul>li a{display: block;}

.NoticeNews .NewsNotice>ul>li:last-child{margin-right: 0;}

.NoticeNews .NewsNotice>ul>li .li_font{color: #fff;position: absolute;bottom: 0; left: 0;  width: 90%;display: block; padding: 20px 5%; background: rgba(0, 136, 168, .9);}

.NoticeNews .NewsNotice>ul>li .li_font .tit{font-size: 22px;margin-bottom: 7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.NoticeNews .NewsNotice>ul>li .li_font .con{font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.NoticeNews .NewsNotice>ul>li .video_ico{width: 68px;height: 68px;position: absolute;left: 50%;margin-left: -34px;top: 50%;margin-top: -34px;background: url(../img/ljx/news_abt04.png) no-repeat center;}

.NoticeNews .NewsNotice>ul>li.li3{background: #f9f9f9;}

.NoticeNews .NewsNotice>ul>li.li3 .title{padding-top: 34px;font-size: 22px;margin:0 22px 7px;}

.NoticeNews .NewsNotice>ul>li.li3 .list{margin: 35px 20px;}

.NoticeNews .NewsNotice>ul>li.li3 .list li{margin-bottom: 15px;background: #fff;}

.NoticeNews .NewsNotice>ul>li.li3 .list .left{width: 41.54%;float: left; overflow: hidden; position: relative;}

.NoticeNews .NewsNotice>ul>li.li3 .list .left img{ max-width: 100%;height: auto;vertical-align: top;-ms-interpolation-mode: bicubic; border: 0;position: relative;transform: scaleX(1) scaleY(1);transition: all 0.8s ease 0s;}

.NoticeNews .NewsNotice>ul>li.li3 .list li:hover .left img{transform: scaleX(1.1) scaleY(1.1);}

.NoticeNews .NewsNotice>ul>li.li3 .list .right {float: left;width: 58.45%;}

.NoticeNews .NewsNotice>ul>li.li3 .list .right .box{padding: 7px 9px 10px 18px;}

.NoticeNews .NewsNotice>ul>li.li3 .list .right .tit{font-size: 16px;color: #545454;margin-bottom: 12px;}

.NoticeNews .NewsNotice>ul>li.li3 .list .right .date{font-size: 14px;color: #808080;font-family: Arial;}

.NoticeNews .NewsNotice>ul>li.li3 .list li:hover{background: #0088a8;}

.NoticeNews .NewsNotice>ul>li.li3 .list li:hover .right .tit{color: #fff;}

.NoticeNews .NewsNotice .rect-9737 {

    padding-bottom: 97.37%;

}





.NoticeNews .NewsNotice .rect-5571 {

    padding-bottom: 55.71%;

}



.imgZoom {

    overflow: hidden;

    -webkit-transform: rotate(0);

    transform: rotate(0);

}



.el {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



/* 等比填充 */

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}

*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;

*height: auto;}

.rect-50{padding-bottom: 50%;}

.rect-54 { padding-bottom: 54%;}

.rect-55{ padding-bottom: 55%;}

.rect-5625{padding-bottom: 56.25%;}

.rect-60{padding-bottom: 60%;}

.rect-618{padding-bottom: 61.8%;}

.rect-67{padding-bottom: 67%;}

.rect-70{padding-bottom: 70%;}

.rect-75{padding-bottom: 75%;}

.rect-100{padding-bottom: 100%;}

.rect-110{padding-bottom: 110%;}

.rect-111{padding-bottom: 110%;}



/*新闻列表*/

.newsList li { overflow:hidden;margin-bottom: 20px; background: #fff; }

.newsList li a{display: block; padding: 30px;}

.newsList li ._img { width:250px; float:left; margin-right:40px; position: relative; overflow: hidden; }

.newsList li ._img img{ transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.newsList li:hover ._img img{transform: scaleX(1.1) scaleY(1.1);}

.newsList li ._intro { overflow:hidden; }

.newsList li ._title { display:block;line-height:32px; font-size:24px; font-weight:normal; margin-bottom:13px; color:#000; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.newsList li ._info { height:20px; line-height:20px; color:#999999; margin-bottom:10px;font-size:14px; }

.newsList li ._text { line-height:24px; height:48px; overflow:hidden; font-size:15px; color: #606060;margin-bottom: 23px;}

.newsList li ._more { display:inline-block; white-space:nowrap; width:auto; height:32px; line-height:32px; background-color:#dda300; color:#fff; padding:0 20px; }

.newsList li:hover ._title{ color:#0088a8; }





.pageNewsT{ width:1300px; margin:0 auto; font-size:30px; text-align:center; color:#333; font-weight:bold;}

.pageNewsC{ width:1300px; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}

.pageNewsD{ width:1300px; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}

.pageNewsD img{ max-width:100%; margin:5px 0;}

.pageNewsD table{border-collapse:collapse;width:100% !important;}
.pageNewsD table,.pageNewsD tr{ font-size: 15px; color: #444; }
.pageNewsD table,.pageNewsD th,.pageNewsD td{border: 1px solid #333333; text-align: center; font-size: 15px;}



/* 产品页 */

.qy{ font-size: 18px; font-weight: bold; color:#0088a8; padding:10px 0; margin:10px 0; border-bottom:1px #ccc dashed;}

.fenl{display: flex; margin-bottom: 15px}

.fenl li{ font-size:16px; color:#333; float: left; margin:10px 20px;}

.fenl i{ width:1px; height:15px; background:#0088a8; float: left; margin:15px 0;}

.ProBox{ position: relative; margin:0 auto; overflow: hidden;}

.ProBox li{ margin-right: 2%; margin-bottom: 2%; width: 23.5%;  float: left; position: relative;}

.ProBox li:nth-child(4n){margin-right: 0;}

.ProBox li .Img{position:relative ; overflow: hidden; width: 100%;}

.ProBox li .Img img{width:100%; transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.ProBox li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}

.ProBox li .empty{ height: 136px;}

.ProBox li .ProTit{ width: 100%; background: #fff; position:absolute; bottom: 0; left: 0;}

.ProBox li .ProTit .Text_box{ padding: 20px 15px; height: 96px;  -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;background: #fff;}

.ProBox li .ProTit p{ font-size: 20px; color: #333;}

.ProBox li .ProTit span{font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 5px 0;}

.ProBox li .ProTit b{font-size: 14px; color: #666; font-weight: normal; display: none;}

.ProBox li:hover .ProTit .Text_box{background: -webkit-linear-gradient(110deg, #33a7b1, #0088a8);background: -o-linear-gradient(110deg, #33a7b1, #0088a8);background: -moz-linear-gradient(110deg, #33a7b1, #0088a8);background: linear-gradient(110deg, #33a7b1, #0088a8); height: 116px;padding: 30px 15px;}

.ProBox li:hover .ProTit p{color: #fff;}

.ProBox li:hover .ProTit span{color: #fff;}

.ProBox li:hover .ProTit b{ display: block; color: #fff;}





.downlist{ width: 1300px; margin:0 auto;  padding:0;}

.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }

.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }

.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }

.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}

.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}

.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }

.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }

.picFocus .hd ul li.on img{ border-color:#0088a8;  }

.picFocus .bd li{ vertical-align:middle; }

.picFocus .bd img{ width:100%; display: flex;}

.picFocus .prev{ position:absolute; left:0 ; bottom:40px;}

.picFocus .next{ position:absolute; right:0 ; bottom:40px;}



.floatl{ float: left;width: 502px;}

.floatr{ width: 750px; float: right;}

.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}

.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}

.floatr .table-list tr{margin-bottom: 10px; width: 100%;}

.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}

.floatr .table-list td span{ color:#333; font-weight: bold;}

.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}

.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}

.floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #0088a8;}

.left02{ width: 100%; margin:20px auto 0; border-top:1px #ccc solid; padding-top:30px;}

.left02 p{ font-size: 14px; line-height: 24px;}

.left02 img{max-width:100%;}

.left02 td{ border: 1px #ccc dashed;}





/* contact */

.cont_mian .cont_1{padding: 50px 0;border-bottom: 1px solid #eee;}

.cont_mian .cont_1 .dt{position: relative; width: 350px; float: left; margin-top:36px;}

.cont_mian .cont_1 .dt .i{display: block;width: 248px;height: 106px;overflow: hidden;background: no-repeat center;background-size: 100%;}

.cont_mian .cont_1 .dt .i img{ width:100%;}

.cont_mian .cont_1 .dt:before{position: absolute;left: 100%;top: 0;width: 7px;height: 174px;content: '';background: url(../images/icon_j.png) no-repeat center;}

.cont_mian .cont_ul{ font-size:0;}

.cont_mian .cont_ul li{display: inline-block;width: 405px;padding-left: 70px;margin-left: 20px;box-sizing: border-box;vertical-align: top;float: left;}

.cont_mian .cont_ul .cont_ii{ position:relative;}

.cont_mian .cont_ul .cont_ii .i{display: block;position: absolute;top: 0;left: -70px;width: 60px;height: 60px;background: no-repeat center;background-size: 100%;}

.cont_mian .cont_ul .cont_ii span{display: block; padding: 10px 0;}

.cont_mian .cont_ul .cont_ii span em{display: block;font-size: 16px;color: #444;line-height: 24px; font-style:normal;}

.cont_mian .cont_ul .cont_ii span b{display: block; font-size: 12px;color: #999;line-height: 16px; font-style:normal;}

.cont_mian .cont_ul .cont_txt span{display: block;margin-top: 20px; font-size: 30px; color: #333; font-weight: 100; font-style:normal;}

.cont_mian .cont_ul .cont_txt span em{display: block; margin-top: 5px;font-size: 12px;color: #999;line-height: 20px; font-style:normal;}

.cont_mian .cont_ul .cont_txt span p{ font-size:16px; color:#666; line-height:35px; }





.page_messages{margin:50px auto; padding:0; width:100%; min-width:1200px;}

.page_messages_top{text-align:center; font-size:14px; line-height:36px; height:72px; padding:62px 0 30px;}

.page_messages_top h1{ font-size:28px; font-weight:bold;}

.page_messages_top span{ font-weight:bold; color:#ff4229;}



.page_messages_list{ width:1200px; margin:0 auto; overflow:hidden;}

.page_messages_list .row{ width:100%; clear:both;  margin:0 0 30px 0;}

.page_messages_list .row .row_left{ width:570px; float:left; display:block; }

.page_messages_list .row .row_right{ width:570px; float:right; display:block; }

.page_messages_list .row .row_xuqiu select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.page_messages_list .row .row_xuqiu .txt.w1{background: transparent url("../images/arrow.png") no-repeat scroll right center; height: 54px;width: 570px; color:#aaa; font-size:16px; font-family:微软雅黑;}

.page_messages_list .row .row_xuqiu .txt.w1:focus{ color:#000;}

.page_messages_list label{ position:relative; display:block; }

.page_messages_list .row .input1{ font-size:16px; color:#888; font-family:微软雅黑;}

.page_messages_list .row .input1:focus{ color:#000;}

.page_messages_list .row .input2{ font-size:16px; color:#888; font-family:微软雅黑;}

.page_messages_list .row .input2:focus{ color:#000;}

.page_messages_list .row .input3{ font-size:16px; color:#888; font-family:微软雅黑;}

.page_messages_list .row .input3:focus{ color:#000;}

.page_messages_list .row .input4{ font-size:16px; color:#888; font-family:微软雅黑;}

.page_messages_list .row .input4:focus{ color:#000;}

.page_messages_list .row .input5{ font-size:16px; color:#888; font-family:微软雅黑;}

.page_messages_list .row .input5:focus{ color:#000;}

.page_messages_list .txt{ border:1px solid #ccc; padding:15px 24px; background:#fff;}

.page_messages_list .txt:focus{ border:1px solid #00823c; 15px 10px; background:#fff;}

.page_messages_list .txt.w1{ width:520px; height:20px; line-height:20px;}

.page_messages_list .txt.w2{ width:1150px; height:90px; line-height:20px;}

.page_messages_list .btn{ float:left; border:0; background:#00823c; border-radius:5px; width:400px; height:58px; cursor:pointer; text-align:center; font-size:20px; font-weight:bold; color:#fff;}

.page_messages_list .row .btn:hover{ background:#00823c; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}





/*  人力资源 */

.job_center_p1{padding:60px 0px;  position: relative;}

.job_center_p1 .job_center_p1_l{width:49%;position:relative;}

.job_center_p1 .p1_text{position:absolute;top:0;left:0;width:100%;height:100%;}

.job_center_p1 .p1_img{position:relative ; overflow: hidden; width: 100%;}

.job_center_p1 .p1_img img{transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}

.job_center_p1 .job_center_p1_l:hover .p1_img img{transform: scaleX(1.1) scaleY(1.1);}

.job_center_p1 .p1_text .c_title { font-weight: normal;margin-bottom: 14px; font-size: 30px;color: #0088a8;}

.job_center_p1 .text_p{width: 70%; overflow: hidden; font-size: 15px; line-height: 2;}

.job_center_p1 .p1_text .text_box{display:block;padding:30px 40px;color:#343434;}

.job_center_p1 .more_btn{display:block;color:#818181;margin-top:20px; font-size: 15px;}

.job_center_p1 .more_btn .icon{width:14px; height:14px; background:#0088a8; color: #fff; font-style: normal; line-height: 14px; text-align: center; margin-left:7px; vertical-align:middle;display:inline-block;*display:inline;*zoom: 1;}

.job_center_p1 .job_center_p1_r{width:49%;position:relative;}

.job_center_p1 .job_center_p1_r:hover .p1_img img{transform: scaleX(1.1) scaleY(1.1);}

.job_center_p2{padding:60px 0px;background:url(../images/job_p2_bj.jpg) no-repeat center; }

.job_center_p2 .c_title { font-weight: normal;margin-bottom: 14px; font-size: 30px;color: #0088a8; text-align: center;}

.job_center_p2 .hd_p { font-size: 15px; line-height: 1.6; color: #333; text-align: center;}

.job_society_list{padding:30px 0px 0px;}

.job_society_list ul{width: 101%; transition: .2s width ease;}

.job_society_list li{ width: 24%; float: left; margin-right: 1%;}

.job_society_list .list_box {display: block;background: #fff;padding: 10% 8%;color: #000;background-position: center 20px;}

.job_society_list .list_box dl{/*min-height:170px;*/margin-bottom:16px;}

.job_society_list .list_box dt{font-size:20px;font-weight:bold;margin-bottom:16px;}

.job_society_list .list_box .more_btn{display:block;height:40px;line-height:40px;background:#f9f9f9;width:50%;font-size:15px;border:1px solid #fff;text-align:center;transition: all .5s ease;-webkit-transition: all .5s ease;}

.job_society_list li:hover .list_box{background-color:#0088a8;background-position:center 0;background-size:cover; color: #fff;}

.job_society_list li:hover .list_box .more_btn{background:transparent;border-color:#fff;}

.job_society_list .list_box .duty,.job_society_list .list_box .rzzg{display:none;}

.job_society_list .el{font-size: 15px; line-height: 1.6; color:#333;}

.job_society_list .el em{font-style: normal;}

.job_society_list li:hover .el{ color: #fff;}



.jobList{ position: relative;}

.jobList ul{width: 101%; transition: .2s width ease;}

.jobList li{ width: 24%; float: left; margin-right: 1%;}

.jobList .list_box {display: block;background: #f9f9f9;padding: 10% 8%;color: #000;background-position: center 20px;}

.jobList .list_box dl{/*min-height:170px;*/margin-bottom:16px;}

.jobList .list_box dt{font-size:20px;font-weight:bold;margin-bottom:16px;}

.jobList .list_box .more_btn{display:block;height:40px;line-height:40px;background:#fff;width:50%;font-size:15px;border:1px solid #fff;text-align:center;transition: all .5s ease;-webkit-transition: all .5s ease;}

.jobList li:hover .list_box{background-color:#0088a8;background-position:center 0;background-size:cover; color: #fff;}

.jobList li:hover .list_box .more_btn{background:transparent;border-color:#fff;}

.jobList .list_box .duty,.job_society_list .list_box .rzzg{display:none;}

.jobList .el{font-size: 15px; line-height: 1.6; color:#333;}

.jobList .el em{font-style: normal;}

.jobList li:hover .el{ color: #fff;}

.jobList  .popup_hd{line-height:2.4em; font-size:30px; font-weight:bold; color:#333333; border-bottom:#d2d2d2 2px solid;margin-bottom:16px;}

.jobList  .popup_hd .hd_title{width:80%;}

.jobList  .popup_bd{overflow-y:auto;margin-bottom:20px;}

.jobList  .popup_bd dl{color:#000;margin-bottom:10px;line-height:1.8;font-size: 15px;}

.jobList  .popup_bd dt{width:14%;color:#666;}

.jobList  .popup_bd dd{width:80%;}

.jobList  .popup_bottom{width:80%;margin-left:14%;background-color: #f1f1f1;padding:20px 3%; font-size: 16px;}

.jobList  .popup_bottom a{font-weight:bold; color:#2e3669; text-decoration:underline;}













.nfoot{ width:100%; height:90px; background: #00823d;}

.nfoot .foot_l{ float: left;}

.nfoot .foot_l .foot_logo{ margin:15px 0; float: left;}

.nfoot .foot_l dd{ float: left; font-size:14px; line-height:24px; color:#fff; margin:21px 0 21px 60px;}

.nfoot .foot_l dd a{ color:#fff;}

.nfoot .foot_r{ float: right;}

.nfoot .foot_r .fwx{ width:80px; height: 55px;margin: 17.5px 10px; float:left; background: url(../images/cx.png) center left no-repeat; padding-left:60px; line-height:55px; }

.nfoot .foot_r .fwx a{ color:#fff;font-size:18px;}





/* fenye */

.pages1{ width:1300px; margin:30px auto;}

.pages1_l{ float:left; width:50%; height:40px;  }

.pages1_l a{ line-height:40px; color:#666;display:block;}

.pages1_l:hover a{ color:#0088a8;}

.pages1_r{ float:left; width:50%; height:40px; text-align:right;}

.pages1_r a{ line-height:40px; color:#666;display:block;}

.pages1_r:hover a{ color:#0088a8;}



.pages { margin:25px 0 40px; text-align:center; font-size:14px;}

.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}

.pages li a{text-align:center; color:#333; padding:0 13px;}

.pages .page-active {background:#0088a8;  border:1px solid #0088a8;text-decoration:none}

.pages .page-active a{color:#fff; }

.pages li:hover { background:#0088a8;  border:1px solid #0088a8;  text-decoration:none }

.pages li:hover a{ color:#fff;}

.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}





/* 营销服务 */

.page_branch_map{width:1300px; margin:0 auto;}

.page_b{ margin:0 auto; text-align:center;}

.cEN{font-size: 32px;line-height: 48px; color: #0088a8; font-weight: 600;}

.cZH{font-size: 16px;line-height: 32px; color: #666; margin: 10px 0 50px;}

.page_f{ margin:30px auto 0; text-align:center;}

.fwtx{ margin-top:40px;}

.fwtx p{ font-size:14px; line-height: 24px;}

.branch_map{ width:1300px;}

.branch_map .hd{ height:494px; width:595px; background:url(../images/map/bg.png) 0 0 no-repeat; position:relative;}

.branch_map .hd ul li{ float:left; cursor:pointer; position:absolute;}



.branch_map .hd .zy{top:154px; left:332px;width: 192px; height: 192px; text-align: center; z-index: 2; font-size: 15px; font-weight: bold; display:flex;align-items: center; justify-content: center;}

.branch_map .hd .zy.on{ background: url(../images/map/zy.png) 0 0 no-repeat; color:#fff;  }



.branch_map .hd .huad{top:215px; left:434px; width: 90px; height: 120px; line-height: 120px; text-align: center; z-index: 3; font-size: 15px; font-weight: bold;}

.branch_map .hd .huad.on{background: url(../images/map/hd.png) 0 0 no-repeat; color:#fff; }



.branch_map .hd .bf{top:3px; left:200px;width: 233px; height: 97px; padding: 100px 0 100px 160px; text-align: center; z-index: 1; font-size: 15px; font-weight: bold;}

.branch_map .hd .bf.on{background: url(../images/map/bf.png) 0 0 no-repeat; color:#fff; }



.branch_map .hd .xn{top:274px; left:235px; width: 152px; height: 182px; text-align: center; line-height: 182px; font-size: 15px; font-weight: bold;}

.branch_map .hd .xn.on{ background: url(../images/map/xn.png) 0 0 no-repeat; color:#fff; }



.branch_map .bd{width:670px; padding:0; position:relative}

.branch_map .title{ height:42px; background:#eee; line-height:42px; margin:5px 0 10px 0;}

.branch_map .t1{ width:100px; margin-left:20px; display:inline-block; font-size: 14px;}

.branch_map .t1:nth-child(2){ width: 290px;}

.branch_map .t2{ width:100px; margin-left:20px; display:inline-block; font-size: 14px;}

.branch_map .bd .t3{ width:100px; margin-left:20px; display:inline-block;}

.branch_map .bd .t3:nth-child(2){ width: 290px;}

.branch_map .bd .t4{ width:100px; margin-left:20px; display:inline-block;}

.branch_map .bd ul{}

.branch_map .bd li{ line-height:41px; border-bottom:1px solid #eee;}

#mapscrollbar1, #mapscrollbar2, #mapscrollbar3, #mapscrollbar4{width:670px; padding:0; }

.branch_map .titTop{ width: 100%; position: relative; background: #0088a8;}

.branch_map .titTop .Titcon{ padding: 20px;}

.branch_map .titTop .p1{ width: 50%; font-size: 16px; color: #fff; display: block; float: left; }

.branch_map .titTop .p1:nth-child(1){ width: 100%; font-size: 20px; font-weight: bold; color: #fff; float: left; margin-bottom: 10px;}

.branch_map .viewport{width:670px; overflow:hidden; position:relative;}

.branch_map .overview{list-style:none; position: relative; left:0; top:0; padding:0; margin:0; line-height:26px; font-size:14px;}

.branch_map .overview p{text-indent:2em;}

.branch_map .disable{ display: none; }  



#zoom {

	z-index: 99990;

	position: fixed;

	top: 0;

	left: 0;

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

#zoom .content {

	z-index: 99991;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 200px;

	height: 200px;

	background: #ffffff no-repeat 50% 50%;

	padding: 0;

	margin: -100px 0 0 -100px;

	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);

	border-radius: 4px;

}

#zoom .content.loading {

	background-image: url(../images/loading.gif);

}

#zoom img {

	display: block;

	max-width: none;

	background: #ececec;

	box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	border-radius: 4px;

}

#zoom .close {

	z-index: 99993;

	position: absolute;

	top: 0;

	right: 0;

	width: 49px;

	height: 49px;

	cursor: pointer;

	background: transparent url(../images/close.png) no-repeat 50% 50%;

	opacity: 1;

	filter: alpha(opacity=100);

	border-radius: 0 0 0 4px;

}

#zoom .previous,

#zoom .next {

	z-index: 99992;

	position: absolute;

	top: 50%;

	overflow: hidden;

	display: block;

	width: 49px;

	height: 49px;

	margin-top: -25px;

}

#zoom .previous {

	left: 0;

	background: url(../images/arrows.png) no-repeat 0 0;

	border-radius: 0 4px 4px 0;

}

#zoom .next {

	right: 0;

	background: url(../images/arrows.png) no-repeat 100% 0;

	border-radius: 4px 0 0 4px;

}

#zoom .close:hover {

	background-color: #00823d;

}

#zoom .previous:hover,

#zoom .next:hover {

	background-color: #00823d;

}







#cnzz_stat_icon_1274287271{ display: none;}